🎨 Add Code Visualization Modal System

📋 변경사항

• VisualizationModal 컴포넌트 추가로 코드 실행 과정 시각화
• 2열 레이아웃 구조 구현으로 정보 패널과 애니메이션 영역 분리
• 애니메이션 컨트롤 시스템 추가로 단계별 실행 제어 가능
• AnimationFactory 패턴 도입으로 확장 가능한 애니메이션 시스템 구축
• AnimationDetector 클래스 구현으로 코드 패턴 자동 분석
• Mock 데이터 시스템 구현으로 API 연동 전 완전한 테스트 환경
• CSS-in-JS 스타일링 적용으로 외부 의존성 제거

✨ 새로운 기능

• 📊 실시간 코드 시각화 모달 (피보나치, 버블정렬, 변수추적 지원)
• 🎮 애니메이션 재생/일시정지/단계별 이동/속도 조절 컨트롤
• 🔍 코드 패턴 자동 감지로 최적 애니메이션 타입 선택
• 📱 반응형 디자인 및 다크모드 완벽 지원
• 🏗️ 확장 가능한 애니메이션 아키텍처로 새 알고리즘 쉽게 추가 가능
• 📋 왼쪽 정보 패널에서 실시간 변수 상태 및 단계 정보 표시
• 🎯 ESC 키로 모달 닫기, 단축키 지원

🛠️ 기술적 개선

• React Portal을 활용한 모달 구현으로 z-index 충돌 방지
• useCallback과 useMemo 활용으로 성능 최적화
• 컴포넌트 분리로 코드 재사용성 및 유지보수성 향상
• 팩토리 패턴 적용으로 애니메이션 타입별 동적 컴포넌트 생성

🐛 수정된 버그

• IDE API 응답에서 stdout 값만 추출하도록 파싱 로직 개선
• JSON 응답 처리 오류로 인한 전체 객체 출력 문제 해결
• 모달 오버레이 클릭 시 모달이 닫히지 않는 문제 수정

📁 추가된 파일

• VisualizationModal.jsx - 메인 시각화 모달 컴포넌트
• VisualizationModal.css - 모달 전용 스타일시트
• PlaceholderAnimation.jsx - 개발 중 애니메이션 플레이스홀더
• AnimationFactory.js - 애니메이션 생성 팩토리 클래스
• AnimationDetector.js - 코드 패턴 자동 감지 시스템

🎯 다음 단계

• 실제 애니메이션 컴포넌트 구현 (피보나치, 버블정렬 등)
• 백엔드 API 연동으로 실시간 코드 분석
• 더 많은 알고리즘 타입 지원 확장